export default function useTabOptions() {
  const { t } = useI18n();
  const route = useRoute();
  const tabOptions = reactive([
    {
      title: t("title01"),
      path: "/chkNum",
      className: "bg-[#f7f7f7]"
    },
    {
      title: t("title02"),
      path: "/lotNews",
      className: "bg-[#f7f7f7]"
    },
    {
      title: t("title03"),
      path: "/lckNum",
      className: "bg-[#f7f7f7]"
    },
    {
      title: t("title04"),
      path: "/lotStats",
      className: "bg-[#ffffff]"
    },
    {
      title: t("title05"),
      path: "/drawHist",
      className: "bg-[#f7f7f7]"
    }
  ]);
  const tabClass = computed(() => {
    const currentTab = tabOptions.find(tab => tab.path === route.path);
    return currentTab ? currentTab.className : "";
  });

  return { tabOptions, tabClass };
}
